.table9 {
    margin-left: 20px;
}

.table9 .ant-input-affix-wrapper {
    margin-top: 20px;
}
.table9 tr {
    padding-left: 20px;
}

.table9 tr td:nth-child(2n+1) {
    padding-left: 20px;
}

.table9 button {
    margin-top: 20px;
    // margin-right: 10px;
    margin-left: 25px;
    padding: 2px 10px;
    border: 0;
    width: 80px;
    height: 33px;
    background: linear-gradient(to bottom,
            #f5fbff 0%,
            rgb(234, 245, 255) 50%,
            #f5fbff);
    border: 1px solid #c1ccdd;
    color: black;
    font-weight: 500;
    border-radius: 3px;
}

.table9 button:hover {
    background: linear-gradient(to bottom,
            rgba(167, 215, 255, 0.5) 0%,
            #7dbeff 50%,
            rgba(167, 215, 255, 0.5));
    border: 1px solid #c1ccdd;
    cursor: pointer;
}

.applyLeave {
    width: 100%;
    height: 145vh;
    padding: 0 20px;

    .applyleave {
        button {
            margin-top: 10px;
            margin-right: 10px;
            padding: 2px 10px;
            border: 0;
            background: linear-gradient(to bottom,
                    #f5fbff 0%,
                    rgb(234, 245, 255) 50%,
                    #f5fbff);
            border: 1px solid #c1ccdd;
            color: black;
            font-weight: 500;
            border-radius: 3px;
        }

        button:hover {
            background: linear-gradient(to bottom,
                    rgba(167, 215, 255, 0.5) 0%,
                    #7dbeff 50%,
                    rgba(167, 215, 255, 0.5));
            border: 1px solid #c1ccdd;
            cursor: pointer;
        }
    }
}

.applyLeaveContent {
    margin-top: 10px;
    height: 1250px;
    background-color: #fff;

    .table0 {
        margin-top: 15px !important;
        margin: 0 auto;
        width: 98%;

        tr:first-child {
            background: linear-gradient(to bottom, #e7effb 0%, #edf4fd 50%, #f6faff);
        }

        tr {
            height: 40px;

            td {
                text-indent: 10px;
                border: 1px solid #c0ccdd;

                button {
                    margin-left: 10px;
                    margin-right: 10px;
                    padding: 2px 10px;
                    border: 0;
                    background: linear-gradient(to bottom,
                            #f5fbff 0%,
                            rgb(234, 245, 255) 50%,
                            #f5fbff);
                    border: 1px solid #c1ccdd;
                    color: black;
                    font-weight: 500;
                    border-radius: 3px;
                }

                button:hover {
                    background: linear-gradient(to bottom,
                            rgba(167, 215, 255, 0.5) 0%,
                            #7dbeff 50%,
                            rgba(167, 215, 255, 0.5));
                    border: 1px solid #c1ccdd;
                    cursor: pointer;
                }
            }
        }

        tr:nth-child(3) {
            height: 55px;
        }

        tr:nth-child(2) {
            td:first-child {
                width: 550px;
                text-indent: 10px;
            }

            td:nth-child(2),
            td:nth-child(3) {
                text-align: center;
                width: 100px;
            }

            td:nth-child(4) {
                text-align: center;
                width: 120px;
            }
        }
    }

    .table1 {
        width: 100%;

        th {
            span {
                color: red;
                font-size: 17px;
            }

            height: 40px;
            font-weight: normal;
            border-right: 1px solid #ddd;
            background-color: #fff !important;
        }

        tbody {
            tr {
                height: 40px;

                td {
                    text-align: center !important;
                    background-color: #fff !important;
                    border-color: #ddd !important;
                }
            }

            tr:last-child {
                height: 40px;
            }
        }
    }

    >.table {
        margin: 0 auto;
        width: 98%;
        margin-top: 15px;
        border: 1px solid #c0ccdd;

        >thead {
            border: 1px solid #c0ccdd;
            height: 40px;

            th {
                button {
                    margin-left: 10px;
                    margin-right: 10px;
                    padding: 2px 10px;
                    border: 0;
                    background: linear-gradient(to bottom,
                            #f5fbff 0%,
                            rgb(234, 245, 255) 50%,
                            #f5fbff);
                    border: 1px solid #c1ccdd;
                    color: black;
                    font-weight: 500;
                    border-radius: 3px;
                }

                button:hover {
                    background: linear-gradient(to bottom,
                            rgba(167, 215, 255, 0.5) 0%,
                            #7dbeff 50%,
                            rgba(167, 215, 255, 0.5));
                    border: 1px solid #c1ccdd;
                    cursor: pointer;
                }

                text-align: left !important;
                text-indent: 10px;
                font-weight: normal;
                background: linear-gradient(to bottom,
                    #e7effb 0%,
                    #edf4fd 50%,
                    #f6faff);
            }
        }

        .last {
            height: 0 !important;
        }

        tr {
            height: 45px;

            td:nth-child(2n + 1) {
                width: 70px !important;

                span {
                    color: red;
                    font-size: 19px;
                    display: inline-block;
                    vertical-align: middle;
                }

                text-align: right;
                background-color: #f9fcff;
            }

            td:nth-child(2n) {
                text-align: center;
                padding: 0 12px;
                width: 120px !important;

                .ant-form-item {
                    margin: 0;

                    input {
                        font-size: 14px;
                        color: #959494;
                        font-weight: normal;
                    }
                }

                .ant-input-affix-wrapper-disabled {
                    background-color: #fff;
                }

                .ant-select-selector:hover {
                    border: 1px solid #5377b6;
                    box-shadow: none !important;
                }

                .ant-form-item-has-success {
                    box-shadow: none !important;
                    border: 1px solid #5377b6;

                    .ant-select-selector {
                        border: none;
                    }
                }

                .ant-select-selection-item {
                    text-align: left;
                }

                .ant-input-affix-wrapper {
                    display: flex;
                    align-items: center;
                    height: 29px;
                }

                .ant-picker {
                    width: 100%;
                }

                .ant-picker:hover {
                    border: 1px solid #5377b6;
                }

                .ant-picker-focused {
                    box-shadow: none;
                    border: 1px solid #5377b6;
                }
            }

            td {
                border: 1px solid #c0ccdd;

                >input {
                    text-indent: 10px;
                    height: 29px;
                    width: 100%;
                    border: 1px solid #d4d4d4;
                }

                input:hover {
                    border-color: #5377b6;
                }

                input:focus {
                    outline: none;
                    border-color: #5377b6 !important;
                }
            }
        }

        tr:last-child {
            height: 60px;

            td:last-child {
                input {
                    line-height: 50px;
                    height: 50px;
                    width: 100%;
                    border: 1px solid #d4d4d4;
                }

                input:hover {
                    border-color: #5377b6;
                }

                input:focus {
                    outline: none;
                    border-color: #5377b6 !important;
                }
            }
        }
    }

    .table:nth-child(3) {
        margin-top: 15px;
    }

    h1 {
        display: flex;
        margin: 0;
        height: 80px;
        justify-content: center;
        align-items: center;
        font-size: 28px;
    }
}